<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>登录-临港APP</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta content="width=device-width, initial-scale=1" name="viewport" />
		<link href="lib/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
		<link href="lib/assets/bootstrap.min.css" rel="stylesheet" type="text/css" />
		<link href="lib/assets/components.min.css" rel="stylesheet" type="text/css" />
		<link href="lib/assets/plugins.min.css" rel="stylesheet" type="text/css" />
		<link href="lib/assets/login-4.min.css" rel="stylesheet" type="text/css" />
		<link rel="shortcut icon" href="favicon.ico" /> 
	</head>
	<body class=" login" style="background-color: #fff!important;">
		<div style="width:100px;height:80px;"></div>
		<div class="logo" style="font-size:32px;color:#fff;font-family: '微软雅黑';padding-right: 26px;">
			<img src="img/last.png" style="width: 250px;position: absolute;top: 15%;left: 18%;" />
			<!-- <img src="img/map4.png" style="width: 200px;position: absolute;left: 26%;top: 14%;" >
			<img src="img/map7.png" style="width: 200px;position: absolute;left: 20%;top: 14%;" >
			<img src="img/map8.png" style="width: 200px;position: absolute;left: 23%;top: 13%;" >
			<img src="img/map6.png" style="width: 210px;height: 117px; position: absolute;left: 19%;top: 12.5%;" > -->
		</div>
		<div class="content" style="width: 350px;padding-top: 20px;margin-top: 120px;">
			<div class="login-form" style="height:220px;font-family:'微软雅黑';font-size: 25px;">
				<a id="foucusA" style="display: none;"></a>
				<div class="form-group">
					<div class="input-icon" style="background-color: #fff;border-radius: 30px!important;border: gainsboro 1px solid;">
						<i class="fa fa-user fa-lg" aria-hidden="true" style="font-size: 20px;margin-top: 15px;"></i>
						<input class="form-control placeholder-no-fix" id="username_input" type="text" autocomplete="off" placeholder="用户名" name="username" style="height: 45px;font-size: 16px;border:none;border-radius: 30px!important;" /> </div>
				</div>
				<div style="width: 100%;overflow: hidden;" class="form-group">
					<div class="input-icon " style="  width: 100%;background-color: #fff;border-radius: 30px!important;display: flex;border: gainsboro 1px solid;">
						<i class="fa fa-lock" style="font-size: 20px;margin-top: 15px;"></i>
						<input class="form-control placeholder-no-fix " id="password_input" type="text" autocomplete="off" placeholder="短信验证码" name="password" style="height: 45px;width:60%;font-size: 16px;border:none;border-radius: 30px!important;" />
						<a id="verificationCodeBtn" style="font-size: 16px;padding-top: 12px;text-decoration: none;color: #179efa;">获取验证码</a>
					</div>

				</div>
				<div class="form-actions" style="margin-top: 20px;">
					<button type="submit" class="btn pull-right" style=" width: 100%;height: 45px;font-size: 18px;border-radius: 30px!important;background-color:#179efa;color: white;" id="login_btn"> 登&nbsp;&nbsp;&nbsp;&nbsp;录 </button>
				</div>
			</div>
		</div>
	    <div class="copyright" style="color:gray">说明：验证码当天有效，可重复登录，<br>失效后请重新获取</div>
		<script  src="lib/jquery-2.1.0.min.js" type="text/javascript"></script>
		<script src="js/serviceUrlConfig.js" type="text/javascript"></script>
		<script src="js/versionCheck.js" type="text/javascript"></script>
		<script src="js/cookieUtil.js" type="text/javascript"></script>
		<script src="js/login.js" type="text/javascript"></script>
		<script src="lib/assets/bootstrap.min.js" type="text/javascript"></script>
		<script src="lib/assets/js.cookie.min.js" type="text/javascript"></script>
		<script src="lib/mui/mui.min.js" type="text/javascript"></script>
		<script src="lib/mui/mui.picker.js" type="text/javascript"></script>
		<script src="lib/mui/mui.poppicker.js" type="text/javascript"></script>
		<script>
			mui.init({
				gestureConfig: {
					tap: true, //默认为true
					doubletap: true, //默认为false
					longtap: true, //默认为false
					swipe: true, //默认为true
					drag: true, //默认为true
					hold: false, //默认为false，不监听
					release: false //默认为false，不监听
				}
			});
			var first = null;
			mui.back = function() {
				mui.plusReady(function() {
					//首页返回键处理
					//处理逻辑：1秒内，连续两次按返回键，则退出应用；
					if(!first) {
						first = new Date().getTime();
						mui.toast('再按一次退出应用');
						setTimeout(function() {
							first = null;
						}, 1000);
					} else {
						if(new Date().getTime() - first < 1000) {
							plus.runtime.quit();
						}
					}
				});
			}
			mui.plusReady(function() {
				plus.navigator.setStatusBarStyle('dark');
				$("#username_input").val(plus.storage.getItem("username"));
				$("#password_input").val(plus.storage.getItem("code"));

			});
		</script>
	</body>

</html>